@import './variable.less';

// element-
// 设置表格内容过长 提示框长度
.el-tooltip__popper {
  max-width: 60%
}

/*设置显示隐藏部分内容，按50%显示*/
// 表格单元格 padding重置
.el-table td,
.el-table th {
  padding: 8px 0;
  font-size: 14px;
}

.el-table th.gutter {
  display: table-cell !important;
}

.el-table th {
  background-color: #f8f8f8;
  color: #333333;
  font-weight: 500;
}

.el-table th,
.el-table tr {
  // background-color: #f8f8f8;
  color: #333;
  min-width: 52px;
}

// 表格下的 按钮
.cell /deep/ .iconfont {
  font-size: 24px;

}


.el-table .el-button--mini,
.el-button--mini.is-round {
  padding-top: 0;
  padding-bottom: 0;
}

.el-table .el-button--small,
.el-button--small.is-round {
  padding-top: 0;
  padding-bottom: 0;
}

.el-table__empty-text {
  display: block;
  width: 100%;
  height: 285px;
  margin-top: 15%;
  // margin-top: 20px;
  margin-left: 15%;
  background: url('../assets/images/common/NoData.png') no-repeat;
  background-size: auto;
  color: #909399;
  box-sizing: border-box;
}

// form
.el-form-item {
  margin-bottom: 5px;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;

  .el-dialog__footer {
    .el-button--primary {
      background-color: #0A70B0;
      color: #fff !important;
    }
  }
}

.el-form-item__label {
  color: #333 !important;
  font-weight: 400;
}

.el-form-item {
  margin-bottom: 10px !important;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

/* 更改element-UI按钮样式 */
.el-button {
  color: #0a70b0;
  cursor: pointer;
}

.el-button:hover {
  background-color: rgb(10, 112, 176);
  border: 1px solid rgba(220, 223, 230, 1);
}

.el-button--warning:focus {
  background-color: rgb(10, 112, 176);
  border: 1px solid rgba(220, 223, 230, 1);
}

.el-dialog__header {
  background: #f5f5f5;
  text-align: left;
  font-weight: 500;
  color: @333;

}

//el-drawer
.el-drawer__header {
  background-color: #f5f5f5;
  text-align: left;
  font-weight: 500;
  color: @333;

  >:first-child {
    flex: 1;
    height: 30px;
    line-height: 10px;
    color: @333;
  }
}

// table
.el-table td,
.el-table th {
  padding: 8px 0 !important;
}

.el-table th {
  background-color: #f8f8f8;
}

.el-table__expanded-cell {
  padding: 20px 20px;
}

.el-input_inner {
  width: 220px !important;
}

// button__inner
.el-form-item__content /deep/ .el-button--primary {
  background-color: #0A70B0;
}

.el-checkbox-button__inner {
  border: none !important;
}

.el-tabs__nav-wrap::after {
  background: #fff !important;
}

.el-tabs__nav-scroll /deep/ .el-tabs__item {
  color: @0A70B0;
}

.el-form-item__content /deep/ .el-form-item__error {
  position: static;
}

.el-picker-panel__body /deep/ .el-date-range-picker__time-header {
  display: none;
}

/deep/ .el-drawer__wrapp {
  display: block;
}

.el-tabs {
  .el-tabs__nav-scroll {
    overflow: none;
  }
}

.el-tabs__nav {
  .el-tabs__active-bar {
    /*  width: 54px;
    height: 40px; */
    color: #0a70b0;
    /*  background: #ffffff;
    border: 1px solid #0a70b0;
    border-radius: 4px;
    opacity: 0.1; */
  }

  .el-tabs__item {
    color: #333333;
  }
}

// 时间框
.el-date-editor {
  width: 239px !important;
}

// 多选框
.el-checkbox+.el-checkbox {
  margin-left: 0px;
}

.el-checkbox {
  margin-right: 25px;
}

.el-checkbox-group /deep/ .el-checkbox {
  margin-right: 0;
}

.el-checkbox .is-bordered /deep/ .is-checked {
  background: #ffffff;
  border: 1px solid #0a70b0;
  border-radius: 4px;
}

.el-checkbox /deep/ .is-border {
  border: 0;
}

.el_dialog /deep/ .el-dialog__header {
  padding: 20px 20px;
}